<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="">
  <title>注册</title>
  <link rel="stylesheet" href="css/regist.css">
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <script type="text/javascript">
    $(function(){
	  $('#cm').hide();
	  $('#role').change(function(){
	    if($('#role').val() == 1){
	      $('#cm').hide();
	      $('#hr').show();
		}else{
	      $('#hr').hide();
	      $('#cm').show();
		}
	  });
	});
  </script>
 </head>
 <body>
 <div class="container">
   <div class="header">
   <marquee width=100% height:100% scrollamount=25 behavior=alternate direction=left align=middle>
     <FONT color=#5555FF size=7>***欢迎欢迎***
   </marquee>
   </div>
   <div class="content">
     <br/><br/><br/><br/>
     <div class="regist" id="regist">
	   <div class="form">
	     <form action="BaseServlet" method="post">
		   <br/>
		   <input type="hidden" name="method" value="regist"/>
		   <label>选择角色</label>
		   <select name="role" id="role">
		     <option value="1">求职者</option>
		     <option value="3">公司管理员</option>
		   </select>
           <br/>
	       <label>密&nbsp;&nbsp;码</label>
		   <input class="input" type="password" name="password" />
		   <br/>

	       <label>确认密码</label>
		   <input class="input" type="password" name="password1" />
		   <br/>

		   <div class="append" id="append">
		     <div class="hr" id="hr">
	           <label>姓&nbsp;&nbsp;名</label>
	           <input class='input' type='text' name='username' />
	           <label>电话号码</label>
	           <input class='input' type='text' name='phone' />
	           <label>邮&nbsp;&nbsp;箱</label>
	           <input class='input' type='text' name='email' />
			 </div>
			 <div class="cm" id="cm">
	           <label>公司名字</label>
	           <input class='input' type='text' name='companyName' />
	           <label>公司地址</label>
	           <input class='input' type='text' name='address' />
	           <label>联系电话</label>
	           <input class='input' type='text' name='companyPhone' />
	           <label>联系邮箱</label>
	           <input class='input' type='text' name='companyEmail' />
	           <label>公司描述</label>
	           <input class='input' type='text' name='description' />
			 </div>
		   </div>

	       <input class="btn" type="reset" /><input class="btn" type="submit" value="提交" /><br/>
	     </form>
	   </div>
	 </div>
   </div>
 </div>
 </body>
</html>
